﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>瑞慈诊所</title>
    <meta name="viewport" content="width=device-width" />
    <meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" href="~/styles/css/login.css"> 
    
</head>
<body>
    
    <div class="wrapper" id="wrapper">       
        <div class="head">
            <div class="entranceBox">
                <div class="backBox">
                    <a href="javascript:;" class="backText" v-on:click="skipBack()"><<返回</a>
                </div>
                <h1 class="nav">
                    <a href="javascript:;" class="navActive" v-on:click="tabSwitch(true)" id="loginTab">登录</a>
                    <span>·</span>
                    <a href="javascript:;" v-on:click="tabSwitch(false)" id="registerTab">注册</a>
                </h1>
                <!--注册成功提示-->
                <div class="successTipBox" id="successTipBox">                 
                    <h1>注册成功！您的登录账号为<span>{{sRegisterTip}}</span></h1>
                    <p>请继续完善以下资料，方便以后预约下单</p>
                </div>
                <div class="tipBox" id="tipBox">
                    <p>{{sLoginTip}}</p>
                </div>
                <div class="loginBox">
                    <div class="loginLeft">
                        <!--登录-->
                        <div class="login" id="login">
                            <p class="loginName">
                                <span>账　号</span>
                                <input type="text" v-model="UserInfor.UserId" placeholder="输入您的手机号" v-on:input="loginValidation()"/>
                            </p>
                            <p class="loginPsw">
                                <span>密　码</span>
                                <input type="password" v-model="UserInfor.Password" placeholder="至少8个字符" id="lPsw" maxlength="20" v-on:input="loginValidation()"/>
                                <i v-on:click="pswExpress('lPsw','pswExpress')" class="noExpress" id="pswExpress"></i>
                            </p>
                            <p class="loginCodeBox" id="loginCodeBox" style="display:none">
                                <span>验证码</span>
                                <input type="text" v-model="UserInfor.LoginCode" maxlength="4" v-on:input="loginValidation()"/><i class="code" id="checkCode" onclick="createCode()"></i>
                            </p>
                            <p class="autoLogin"><input type="checkbox" id="auto" v-model="UserInfor.Rememberme" ><label for="auto">自动登录</label><a href="../ForgetPwd/Index">忘记密码?</a></p>
                            <button id="loginBtn" class="loginBtn" v-on:click="userLogin()" v-bind:disabled="loginDisable">登录</button>
                        </div>
                        <!--注册-->
                        <div class="register" id="register">
                            <p class="registerTel">
                                <span>手 机 号</span>
                                <input type="text"  v-model="UserInfor.Mobile" id="Mobile" maxlength="11" placeholder="输入您的手机号" v-on:input="PhoneValidate()"/>
                            </p>
                            <p class="registerCodeBox">
                                <span>验 证 码</span>
                                <input type="text" v-model="UserInfor.ValidateCode" maxlength="6" v-on:input="registerValidation()"/>
                                <button id="getValidateCode" class="regCodeBoxBtn" v-on:click ="getValidateCode()" v-bind:disabled="validateDisable">获取验证码</button>
                            </p>
                            <p class="loginPsw">
                                <span>设置密码</span>
                                <input type="password" id="RPsw"  v-model="UserInfor.Password" maxlength="20" placeholder="8~20个字符，区分大小写" v-on:input="registerValidation()"/>
                                <i v-on:click="pswExpress('RPsw','RpswExpress')" class="noExpress" id="RpswExpress"></i>
                            </p>
                            <p class="agreeRegister"><input type="checkbox" id="agree" v-model="UserInfor.Agree" v-on:click="registerValidation(this.checked)"><label for="agree">我同意<a href="#">《瑞慈诊所用户注册协议》</a></label></p>
                            <button id="registerBtn" class="registerBtn" v-on:click="registerIn()" v-bind:disabled="registerDiable">注册</button>
                        </div>
                        <!--注册成功-->
                        <div class="registerSuccess" id="registerSuccess">
                            <p class="registerName">
                                <span>姓　名</span>
                                <input type="text" v-model="UserInfor.Name" maxlength="15">
                            </p>
                            <p class="registerSex">
                                <span>性　别</span>
                                <input type="radio" name="sex"  v-model="UserInfor.Gender" value="0"><label>男</label>
                                <input type="radio" name="sex"  v-model="UserInfor.Gender" value="1"><label>女</label>
                                <input type="radio" name="sex"  v-model="UserInfor.Gender" value="2"><label>保密</label>
                            </p>
                            <p class="registerId">
                                <span>身份证号</span>
                                <input type="text" v-model="UserInfor.CertCode" maxlength="18">
                            </p>
                            <button class="registerSuccessBtn" v-on:click="submitExtra()">提交</button>
                            <a href="javascript:;" class="skipBtn" v-on:click="skipBack()">跳过>></a>
                        </div>
                        <span class="orBox">或</span>
                    </div>
                    <div class="loginRight">
                        <p>使用微信账号登录</p>
                        <img src="~/styles/image/weChatLogo.png">
                    </div>
                </div>
            </div>
            <!--++++++微信登录+++++++-->
            <div class="weChatBox" style="display:none">
                <div class="weChanHead">
                    <img src="~/styles/image/loginLogo.png">
                    <b>微信登录</b>
                </div>
                <dl class="weChatPhoto">
                    <dt><img src="~/styles/image/loginBg.jpg"></dt>
                    <dd>
                        <p>亲爱的微信用户，请先绑定账号</p>
                        <p>绑定后您的瑞慈诊所账号和微信账号均可登录</p>
                    </dd>
                </dl>
                <p class="weChatPhone">
                    <span>手 机 号</span>
                    <input type="text" placeholder="请输入您的手机号">
                </p>
                <p class="weChatCode">
                    <span>验 证 码</span>
                    <input type="text">
                    <i>获取验证码</i>
                </p>
                <p class="weChatPsw">
                    <span>设置密码</span>
                    <input type="password" id="weChatPsw">
                    <i v-on:click="pswExpress('weChatPsw','weChatpswExpress')" class="noExpress" id="weChatpswExpress"></i>
                </p>
                <p class="weChatAgreeRegister"><input type="checkbox" id="weChatAgree"><label for="weChatAgree">我同意<a href="#">《瑞慈诊所用户注册协议》</a></label></p>
                <button class="weChatRegisterBtn">注册并绑定账号</button>
            </div>
        </div>
        <div class="foot">
            <div class="footBox">
                <h1 class="logo"><img src="~/styles/image/loginLogo.png"></h1>
                <div class="doctor">
                    <p>名医</p>
                    <span>名医就在您身边</span>
                </div>
                <div class="longRange">
                    <p>远程医疗</p>
                    <span>在家看名医</span>
                </div>
                <div class="features">
                    <p>特色诊疗</p>
                    <span>专业特色专科</span>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="~/scripts/js/public/common.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>       
    <script type="text/javascript" src="~/scripts/js/login.js"></script>      
</body>
</html>